<template>
  <div class="page">
    <div class="input-info-box">
      <div class="info-item vux-1px-b">
        <span class="label-name" style="margin-right:25px;">发放员名称:</span>
        <input type="text" placeholder="请输入发放员名称">
      </div>
      <div class="info-item vux-1px-b">
        <span class="label-name" style="margin-right:40px;">手机号码:</span>
        <input type="text" placeholder="请输入手机号码">
      </div>
      <div class="info-item vux-1px-b">
        <span class="label-name" style="margin-right:40px;">设置密码:</span>
        <input type="text" placeholder="请输入密码">
      </div>
    </div>
    <div class="add-btn-wrap">
      <div class="add-btn">添加</div>
    </div>
  </div>
</template>

<script>
  export default {
    data(){
      return{
        title: '添加发放员'
      }
    },
    created(){
      this.$store.commit('setTitle',this.title);
      this.$store.commit('setShowCloseBtn',false)
    },
  }
</script>

<style lang="less" scoped>
.input-info-box{
  margin-top: 20px;
  height: 330px;
  background: #ffffff;
  .info-item{
    padding: 0 20px;
    height: 110px;
    line-height: 110px;
    .label-name{
      font-size: 30px;
      color: #262626;
    }
    input{
      font-size: 30px;
    }
    input::-webkit-input-placeholder{
      font-size: 30px;
      color: #ABABAB;
    }
  }
}
.add-btn-wrap{
  margin-top: 100px;
  height: 88px;
  padding: 0px 20px;
  .add-btn{
    line-height: 88px;
    background: #1875ED;
    border-radius: 10px;
    font-size: 34px;
    color: #FFFFFF;
    letter-spacing: 1.1px;
    text-align: center;
  }
}
</style>
